body{
	background-color: #F2F2F2;
	    font-size: 12px;
    width: 100%;
    height: 100%;
    margin: auto;
    font-family: "微软雅黑";
}

.mian{
	width: 100%;
	height: 100%;
}
.header{
	width: 100%;
	height: 6.2rem;

}
.slide3>.img{
top: 0rem;	
}
/*轮播图*/
.slide3{
              width: 100%;
    height: 6.20rem !important;
    margin-top: 0rem;
    overflow: hidden;
    position: relative;
    left: 0rem;
  
        }
        .slide3 .img{
            overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
          
        }
        .slide3 .img img{
        	width: 100%;
            /*width: calc(100% - 14px);*/
            /*height: calc(100% - 14px);*/
             box-shadow: 0px 1px 4px 0 rgba(130,130,130,0.50);
            /*margin: 7px;*/
        }
        .slide3 .img1{
            width: 40%;
            height: 40%;
            /*top: 30%;*/
            left: -50%;
            z-index: 1;
        }
        .slide3 .img2{
            width: 100%;
            height: 100%;
            /*top: 20%;
            left: -20%;*/
            z-index: 2;
        }
        .slide3 .img3{
               width: 100%;
			    height: 100%;
			    /*top: -2%;
			    left: 10%;*/
			    z-index: 3;
        }
        .slide3 .img4{
            width: 100%;
            height: 100%;
            /*top: 20%;
            left: 60%;*/
            z-index: 2;
        }
        .slide3 .img5{
            width: 10%;
            height: 100%;
            /*top: 30%;
            left: 110%;*/
            z-index: 1;
        }
        .slide3-bt3{
               position: absolute;
			    left: 57%;
			    bottom: 4%;
			    z-index: 10;
			    width: 9.146666rem !important;
			    display: flex;
			    flex-direction: row;
			    flex-wrap: wrap;
        }
        .slide3-bt3 span{
            width: 0.3rem;
            height: 0.1rem;
            background: #FFFFFF;
            float: left;
            margin: 0.08rem;
        }
        .slide3 .slide3-bt3 .on{
            background: rgb(135,225,213);
        }
        button{
            width: 50px;
            margin: 20px;
        }
        
 .tabs {
  position: absolute;
  list-style: none;
  /*background-color: rgba(255,255,255,.5);*/
  left:43%;
  top: 3rem;
  border-radius: 10px;
  padding: 5px 0 5px 5px;
}
 
.tab{
  float: left;
  text-align: center;
  line-height: 20px;
  width: 0.23rem;
  height: 0.23rem;
  cursor: pointer;
  overflow: hidden;
  margin-right: 4px;
  border-radius: 100%;
  background-color: #FFFFFF;
}
 .bg{
	background: rgb(135,225,213);
	
}
/*新建书*/
#body{
	   width: 100%;
   
    height: 2.1rem;
    margin-top: 0.3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #4C4C4C;
    font-size: 0.4rem;
}
.Phonebook>span{
	        color: #C4C4C4;
    position: absolute;
    left: -5%;
    top: 20%;
    transform: scale(0.6,0.6);
    /* font-size: 0.3rem; */
    width: 2.5rem;
}
.Wechatbook>span{
	    color: #C4C4C4;
    position: absolute;
    left: -16%;
    top: 20%;
    transform: scale(0.6,0.6);
    /* font-size: 0.3rem; */
    width: 3rem;
}

.WBbook>span{
	        color: #C4C4C4;
    position: absolute;
    left: -5%;
    top: 20%;
    transform: scale(0.6,0.6);
    /* font-size: 0.3rem; */
    width: 2.5rem;
}
.QQbook>span{
	    color: #C4C4C4;
    position: absolute;
    left: -28%;
    top: 20%;
    transform: scale(0.6,0.6);
    /* font-size: 0.3rem; */
    width: 3.5rem;
}

.body_1{
	width: 100%;
    height: 2.1rem;
    top: 0rem;
    margin-top: 0 !important;
    position: fixed;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #fff;
    z-index: 11;
}
.body_1>div{
	
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	box-shadow: 0px 3px 9px 0 rgb(218,218,218);
	margin-left: 0.32rem;
	text-align: center;
	line-height: 3rem;
}
#body>div{
	 position: relative;
    width: 2.25rem;
    height: 2.70rem;
    border-radius: 0.1rem;
    box-shadow: 0px 3px 9px 0 rgb(218,218,218);
    margin-left: 0.2rem;
    text-align: center;
    line-height: 3.5rem;
    background-color: #ffff;
}
.Phonebook{
	background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/zhaopianPhoto.png) no-repeat;
	background-position: 50% 25%;
	background-size: 38%;
}
.Wechatbook{
	background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/weixin.png) no-repeat;
	background-position: 50% 25%;
	background-size: 38%;
}
.WBbook{
	background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/weibo.png) no-repeat;
	background-position: 50% 25%;
	background-size: 38%;
}
.QQbook{
	background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/QQ.png) no-repeat;
	background-position: 50% 25%;
	background-size: 38%;
}
/*买家秀*/
.comment_on{
       width: 98%;
    height: 6.60rem;
    border-radius: 0.4rem;
    margin-left: 1%;
    position: relative;
    background-color: #ffff;
    margin-top: 0.9rem;
}
.comment_on>.img{
	left: 0.23rem;
	margin-top: 2.5rem
}
.name_img{
	    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/20190128.jpg) no-repeat;
    margin-top: 0.3rem;
    margin-left: 0.32rem;
    background-size: contain;
    position: absolute;
}
.name_img1{	
	background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/20190126.png) no-repeat;
	 background-size: contain;
}
.name_img2{
	background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/20190127.png) no-repeat;
	 background-size: contain;
}
.name{
	 margin-left: 1.7rem;
    margin-top: 0.3rem;
    position: absolute;
    color: #FF6600;
}
.specific{
	    transform: scale(0.7,0.7);
    margin-left: 13%;
    position: absolute;
    margin-top: 0.9rem;
}
.content{
	margin-left: 0.32rem;
    margin-top: 1.5rem;
    position: absolute;
}
.img{
	/*width: 100%;*/
    height: 4.26666666rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   /* margin-top: 2.5rem;*/
    position: absolute;
}
.img>div{
	width: 3rem;
	height:4.26666666rem ;
	margin-left: 0.09rem;
	overflow: hidden;
}
.images{
	width: 3.1rem;
	/*height:4.26666666rem ;*/
}
#Footer{
	width: 100%;
	height:1.52rem;
	margin:0px auto;
	
}
	.indeX{
	background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/index/shouye.png) no-repeat !important;
	background-position: 50% 30% !important;
	background-size: 33% !important;
	color: #87E1D5 !important;
}
.admonitory {
    width: 8rem;
    height: 3rem;
    border-radius: 0.5rem;
    background-color: #FFFFFF;
    position: absolute;
    margin-left: 1rem;
    top: 35%;
    box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
    z-index: 100;
     display: none; 
}
.bullet-text {
    width: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 2rem;
}
.cancel, .confirm {
    position: absolute;
    width: 2.5rem;
    height: 0.8rem;
    font-size: 16px;
    text-align: center;
    background-color: #ecd53A;
    border-radius: 0.41333rem;
    margin-left: 10%;
    line-height: 0.8rem;
    color: #FFFFFF;
}
.confirm {
    right: 10%;
    background-color: #87e1d5;
}
.login{
	width: 1.9rem;
	position: absolute;
	right: 0.4rem;
}
.comment_on_2{
	margin-top: 0.3rem;
}
.comment_on_3{
		margin-top: 0.3rem;
	padding-bottom: 1.3rem;
}